<template>
  <div class="goodsclassInput-compoents">
    <el-form :inline="true" :model="formInline" class="demo-form-inline">
      <el-form-item label="商品类型搜索：">
        <el-input v-model="formInline.user" placeholder="请输入" />
      </el-form-item>
      <el-form-item>
        <el-button type="primary" icon="el-icon-search" size="medium" class="goodsclassInput-btn-color" @click="onSubmit">查询</el-button>
      </el-form-item>
    </el-form>

  </div>
</template>
<script>
export default {
  name: 'GoodsclassInput',
  data() {
    return {
      formInline: {
        user: '',
        region: ''
      }
    }
  },
  methods: {
    onSubmit() {
      console.log('submit!')
      this.$emit('sousuo', this.formInline.user)
    }
  }
}
</script>
<style lang='scss'  scoped>
.goodsclassInput-compoents{
::v-deep   .demo-form-inline{
    .el-input__inner{
      height: 36px;
      line-height: 36px;
    }
      .el-form-item__label{
        font-weight: 400;
      }
  }
  .goodsclassInput-btn-color{
     width: 80px;
    height: 36px;
    padding: 5px;
    border: 0px solid #fff;
   background-color: #5f84ff;
  }
    .goodsclassInput-btn-color:hover {
    background-color: #5373e0;
  }
}
</style>
